﻿/******************************
*同创模板网-专业提供企业网站源码程序模板*
* moban.cnfusu.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

* {

	padding: 0;

	margin: 0;

	font-family: "Microsoft YaHei";

	list-style: none;

	text-decoration: none;

	border: none;

}

.container {

	width: 1100px;

	margin: 0 auto;

}

html {

	overflow-x: hidden;

}

body {

	background: #fff;

	color: #333;

	font-size: 14px;

	min-width: 1200px;

}

a {

	outline: none;

	color: #333;

}

a:hover {

	color: #048bcf;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.clear {

	clear: both;

}

/*



===================



分页



>>	pages_pre		上一页



>>	pages_next	下一页



>>	strong			激活状态



>>	a:hover			鼠标悬停状态



===================



*/



.pages {

	margin: 50px auto 20px auto;

	font-size: 14px;

	text-align: center;

}

.pages ul {

	display: inline-block;

}

.pages a, .pages strong {

	display: inline-block;

	line-height: 28px;

	padding: 0 10px;

	border: 1px solid #d9d9d9;

	background-color: #ffffff;

	text-decoration: none;

	color: #666;

	font-family: Simsun;

	-webkit-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	margin-right: 3px;

}

.pages .current {

	display: inline-block;

	line-height: 28px;

	padding: 0 10px;

	border: 1px solid #d9d9d9;

	background-color: #ffffff;

	text-decoration: none;

	font-family: Simsun;

	-webkit-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	margin-right: 3px;

	color: #fff;

	background-color: #048bcf;

	border-color: #fff;

}

.pages a:hover {

	color: #fff !important;

	background-color: #048bcf;

	border-color: #fff;

	text-decoration: none;

}

.pages strong {

	color: #fff;

	background-color: #24557d;

	border-color: #fff;

}

.pages span {

	padding: 0 10px;

	line-height: 23px;

}

/* index top */



.topbar {

	height: 34px;

	line-height: 34px;

	border-bottom: 1px solid #ebebeb;

	color: #71787e;

	font-size: 12px;

}

.topbar a {

	color: #71787e;

	margin: 0 5px;

}

.logo a {

	display: block;

	width: 600px;

	height: 111px;

	background: url(../images/logo.jpg) center no-repeat;

	overflow: hidden;

	text-indent: -9999em;

}

.toptell {

	background: url(../images/dh.jpg) no-repeat left center;

	padding-left: 60px;

	margin-top: 30px;

}

.toptell p {

	color: rgba(4,0,0,.7);

}

.toptell span {

	display: block;

	font-size: 24px;

	color: #040000;

}

.head {

	height: 111px;

}

.nav {

	height: 48px;

	line-height: 48px;

	background: url(../images/nav.jpg) center;

}

.nav li {

	float: left;

}

.nav a {

	color: #fff;

	font-size: 18px;

	display: block;

	width: 135px;

	text-align: center;

	background: url(../images/nb.jpg) no-repeat left center;

}

.nav li:first-child a {

	background: 0;

}

.slideBox {

	width: 100%;

	height: 460px;

	overflow: hidden;

	position: relative;

}

.slideBox .hd {

	height: 16px;

	overflow: hidden;

	position: absolute;

	width: 100%;

	text-align: center;

	bottom: 20px;

	z-index: 1;

}

.slideBox .hd ul {

	overflow: hidden;

	zoom: 1;

	display: inline-block;

}

.slideBox .hd ul li {

	float: left;

	margin: 0 7px;

	width: 16px;

	height: 16px;

	background: #fff;

	cursor: pointer;

	border-radius: 50%;

}

.slideBox .hd ul li.on {

	background: #2872d8;

}

.slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

	width: 100%;

	height: 460px;

}

.notice {

	height: 60px;

	line-height: 60px;

	overflow: hidden;

}

.noticetit {

	font-size: 16px;

	color: #048bcf;

	font-weight: bold;

	background: url(../images/bz.jpg) no-repeat left center;

	padding-left: 40px;

}

.txtScroll-top {

	overflow: hidden;

	position: relative;

}

.txtScroll-top .bd {

}

.txtScroll-top .infoList li {

	height: 60px;

	line-height: 60px;

}

.indextit {

	text-align: center;

	padding-top: 40px;

}

.indextit p {

	font-size: 30px;

	color: #048bcf;

}

.indextit span {

	display: block;

	color: #4d4948;

	margin-top: 5px;

}

.product {

	height: 770px;

	background: #f6f6f6;

}

.slideTxtBox {

	text-align: left;

	margin-top: 25px;

}

.slideTxtBox .hd {

	height: 30px;

	line-height: 30px;

	position: relative;

	text-align: center;

}

.slideTxtBox .hd ul {

	display: inline-block;

}

.slideTxtBox .hd ul li {

	float: left;

	cursor: pointer;

}

.slideTxtBox .hd ul li span {

	width: 150px;

	text-align: center;

	display: inline-block;

	font-size: 16px;

	color: #5f6160;

}

.slideTxtBox .hd ul li.on span {

	color: #000;

}

.slideTxtBox .bd ul {

	zoom: 1;

	margin-top: 13px;

}

.slideTxtBox .bd li {

	float: left;

	width: 254px;

	margin: 8px 10px;

}

.slideTxtBox .bd li img {

	width: 254px;

	height: 193px;

	transition: all 0.3s;

}

.slideTxtBox .bd li:hover img {

	opacity: 0.8;

}

.slideTxtBox .bd li p {

	font-size: 15px;

	color: #5f6160;

	text-align: center;

	margin-top: 15px;

}

.product .more {

	display: block;

	margin: 30px auto;

	width: 140px;

}

.product .more span {

	padding: 0 30px;

	font-size: 16px;

	color: #5f6160;

}

.product .more:hover {

	color: #048bcf;

}

.product .more:hover span {

	color: #048bcf;

}

.about {

	height: 675px;

	background: url(../images/ab.jpg) no-repeat center;

}

.abr {

	width: 560px;

}

.abtit {

	color: #616362;

	padding-top: 110px;

}

.abtit_top span {

	display: block;

	font-size: 24px;

}

.abtit p {

	font-size: 30px;

	margin-left: 60px;

}

.abtit_top p {

	font-size: 30px;

	margin-left: 0;

}

.abinfo {

	margin-top: 40px;

}

.abinfo p {

	font-size: 15px;

	color: #616161;

	line-height: 30px;

	text-indent: 2em;

}

.abr a.more {

	display: block;

	width: 180px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #606060;

	color: #575757;

	margin-top: 50px;

}

.case {

	background: #f6f6f6;

	height: 590px;

}

.case ul {

	margin-left: -20px;

	margin-top: 40px;

}

.case li {

	background: #fff;

	padding: 6px;

	width: 248px;

	padding-bottom: 20px;

	float: left;

	margin-left: 20px;

}

.case li:hover {

	background: #048bcf;

}

.case li img {

	width: 248px;

	height: 178px;

}

.case li a {

	display: block;

	font-size: 18px;

	color: #000;

	margin-top: 10px;

}

.case li p {

	color: #868686;

	line-height: 22px;

	margin-top: 5px;

}

.case li a.lj {

	font-size: 14px;

	margin-top: 8px;

}

.case li a span {

	font-size: 10px;

}

.case .box {

	padding: 0 10px;

}

.case li:hover a, .case li:hover p {

	color: #fff;

}

.case a.more {

	display: block;

	width: 205px;

	height: 30px;

	line-height: 30px;

	background: url(../images/m.jpg) no-repeat center;

	text-align: center;

	margin: 40px auto;

}

.news {

	margin-top: 20px;

}

.newtit {

	background: url(../images/bor.jpg) no-repeat bottom left;

	height: 45px;

}

.newtit p {

	font-size: 26px;

	color: #404040;

}

.newtit a {

	color: #000;

	margin-top: 15px;

}

.newtit a:hover {

	color: #048bcf;

}

.newtit a span {

	font-size: 10px;

	margin-left: 5px;

}

.new1, .new2 {

	width: 510px;

	margin-top: 40px;

}

.news ul {

	margin-top: 20px;

}

.news li {

	height: 35px;

	line-height: 35px;

	overflow: hidden;

	font-size: 15px;

}

.news li a {

	color: #333436;

}

.news li a:hover {

	color: #048bcf;

}

.news li span {

	float: right;

	color: #7e7e80;

}

.link {

	margin-top: 40px;

	line-height: 46px;

}

.link p {

	font-size: 18px;

	color: #454545;

	font-weight: bold;

	background: url(../images/link.jpg) no-repeat left center;

	padding-left: 70px;

	height: 46px;

	line-height: 46px;

}

.link a {

	color: rgba(64,63,63,.9);

	margin-left: 10px;

}

.footer {

	height: 215px;

	background: #2b2b2b;

	margin-top: 20px;

	color: #fff;

}

.footer a {

	color: #fff;

}

.fcont ul {

	border-bottom: 1px solid #4c4c4c;

	height: 40px;

	line-height: 40px;

	padding-bottom: 12px;

	margin-top: 25px;

}

.fcont li {

	float: left;

	font-size: 15px;

}

.fcont li a {

	margin: 0 12px;

}

.fcont li:first-child a {

	margin-left: 0;

}

.fcontent {

	font-size: 15px;

	line-height: 28px;

	margin-top: 16px;

}

.fcontent .copy {

	font-size: 14px;

	color: rgba(255,255,255,.51);

	margin-top: 5px;

}

.fcontent .copy a {

	color: rgba(255,255,255,.51);

}

.ftell {

	background: url(../images/tell.jpg) no-repeat left center;

	padding-left: 60px;

	margin-left: 65px;

	margin-top: 80px;

}

.ftell p {

	color: rgba(255,255,255,.75);

}

.ftell span {

	font-size: 24px;

	font-weight: bold;

}

.ewm {

	text-align: center;

	margin-top: 50px;

}

.ewm p {

	margin-top: 10px;

}

.position {

	height: 40px;

	line-height: 40px;

	background: #eee;

}

.position .container {

	width: 980px;

}

.submenu li {

	float: left;

	margin: 0 10px;

}

.submenu li a {

	display: block;

	padding: 0 20px;

}

.submenu li a:hover {

	color: #048bcf;

}

.submenu li a.hover {

	background: #048bcf;

	color: #fff;

}

.pagetop {

	text-align: center;

	margin-top: 40px;

	margin-bottom: 10px;

}

.pagetop p {

	font-size: 20px;

	color: #000;

	font-weight: bold;

}

.pagetop span {

	display: block;

	font-size: 16px;

	color: #666;

}

.main {

	padding-bottom: 30px;

	margin: 0 auto;

	width: 980px;

}

.content {

	width: 980px;

	margin: 0 auto;

	line-height: 30px;

}

.list {

	margin-top: 30px;

}

.list li {

	border-bottom: 1px dashed #ccc;

	margin-top: 20px;

	padding-bottom: 7px;

}

.list li a {

	display: block;

	font-size: 13px;

	color: #5a5a5a;

	font-weight: bold;

}

.list li a:hover {

	color: #048bcf;

}

.list li span {

	display: block;

	font-size: 11px;

	color: #929292;

	line-height: 25px;

}

.list li p {

	font-size: 12px;

	color: #5A5A5A;

}

.photo {

	margin-top: 20px;

}

.photo li {

	float: left;

	text-align: center;

	margin: 0 12px;

	margin-top: 10px;

}

.photo li p {

	line-height: 30px;

}

.photo li img {

	width: 250px;

	height: 180px;

	transition: all 0.3s;

}

.photo li:hover img {

	opacity: 0.8;

}

.showtop {

	text-align: center;

	border-bottom: 1px dotted #ddd;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.showtop .title {

	font-size: 16px;

	color: #000;

	font-weight: bold;

	margin-top: 30px;

}

.showtop .update {

	margin-top: 10px;

}

.showtop .update span {

	margin: 0 5px;

	font-size: 12px;

	color: #999;

}

.prepage {

	margin-top: 40px;

	line-height: 30px;

	font-size: 12px;

}

.hotcp {

	margin-top: 20px;

}

.hotcp ul {

	border-top: 1px dashed #ddd;

	padding-top: 20px;

}

.hotcp li {

	float: left;

	line-height: 40px;

	margin-left: 20px;

	text-align: center;

	width: 203px;

}

.hotcp li:first-child {

	margin: 0;

}

.hotcp li img {

	height: 137px;

	width: 203px;

}

.hotcp_top {

	background: #0069b7;

	color: #fff;

	font-weight: bold;

	height: 40px;

	line-height: 40px;

	margin-bottom: 10px;

	text-align: center;

	width: 100px;

}

.hotnews {

	margin-bottom: 30px;

	margin-top: 20px;

}

.hotnews_top {

	border-bottom: 1px solid #ddd;

	color: #0069b7;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 10px;

}

.hotnews li {

	border-bottom: 1px dotted #ddd;

	float: left;

	line-height: 36px;

	margin-right: 30px;

	width: 440px;

}

.hotnews li a {

	color: #2e2e2e;

}

.hotnews li span {

	color: #999;

	float: right;

	font-size: 13px;

}

.hotlabel {

	margin-top: 30px;

}

.hotlabel p {

	color: #0069b7;

}

.hotlabel a {

	display: block;

	float: left;

	margin-right: 10px;

	margin-top: 10px;

	padding: 0 10px;

	background: #0069b7;

	line-height: 30px;

	color: #fff;

	font-size: 12px;

}

/*分页*/
.mypages{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}
.mypages ul{display:inline-block;margin:0 auto;}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#38b549;}